<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>18001010803 王凯</title>
    <link rel="stylesheet" href="./download55zf/font_2249885_v6trtuzazmi/iconfont.css">
    <style>
        body{
            padding: 0;
            margin: 0;
            background-color: #000;
        }
        .a{
            background-color: #000;
        }
        .a img{
            width: 100%;
        }

        .b h3{
            width: 100%;
            margin: 0;
            height: 37vh;
            background-color: #000;
            padding-left: 10px;
        }
        .wz{
            color: #fff;
            width: 60%;
            font-size: 1rem;
            margin: 0;
            padding-left: 10px;
            padding-top: 20px;
        }
        .wz p{
            font-size: 0.5rem;
        }

        #hide{
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            font-size: 10px;
            z-index: 999;/*重点*/
            background-color:#000;
        }
        #hide ul{
            list-style: none;
            display: flex;
            width: 100%;
            text-align: center;
            padding: 0;
            margin: 0;
           
        }
        #hide li{
            padding-top: 5px;
            width: 20%;
        }
        #hide span{
            color: rgb(192, 181, 181);
        }
        .zx{
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 0;
        }
        a{
            text-decoration: none;/*链接 去下划线*/
            color:rgb(192, 181, 181);
        }
        .vlist a{
            text-decoration: none;/*链接 去下划线*/
            color: #fff
        }
        .c{
            width: 50%;
            border: 1px solid rgb(46, 45, 45);
            display: flex;
            margin-left: 10px;
        }
        .c .img{
            width: 20%;
        }
        .img img{
            width: 100%;
        }
        .c a{
            font-size: 1rem;
            color: #fff;
        }
        .c span{
            font-size: 0.1rem;
            color:orange;
        }
        .cg{
            position: fixed;
            bottom: 50px;
            left: 10px;
        }
        button{
            border: 1px solid #fff;
            border-radius: 5px;
            background-color: red;
            color: #fff;
            font-size: .1rem;
            margin-top: 8px;
            margin-bottom: 9px;
            margin-left: 3px;
        }
        .vlist{
            list-style: none;
            float: right;
            color: red;
            font-size: .8rem;
            color: #fff;
        }
        .vlist p{
            margin: 0;
        }
        .vlist span{

            font-size: 2rem;
        }
        .b{
            background-color: #000;
        }

        .b ul{
            position: fixed;
            bottom: 50px;
            right: 15px;
        }
        .b li{
            padding-bottom: 20px;
        }
        .pj{
            border: 1px solid red;
            border-radius: 3px;
            background-color: red;
            color: #fff;
            font-size: 1rem;
            text-align: center;
        }
        .hs{
            color:rgb(238, 132, 113);
        }
        .bh img{
            width: 100%;
        }
        .hei img{
            width: 100%;
        }
    </style>
</head>
<body>
    <!-- a -->
    <div class="hei">
        <img src="./tp/hei.png">
    </div>
    <div class="a">
        <img class="zj" src="./tp/dy.png">
    </div>

    <div class="cg">
        <div class="c">
            <div class="img">
                <img src="./tp/e1.jpg">
            </div>
            <a href="#">&nbsp赤狐书生<br><span>&nbsp7.7分</span></a>
            <button>购票</button>
        </div>
        <h3 class="wz">@酱紫鸭百科<p>李现陈立农领衔主演，杨紫特别出演，这样的阵容期待吗?</p> </h3>
    </div>
    

    <div class="b"> 
        <ul class="vlist">
            <li>
                <a href="#"><span class="iconfont icon-touxiang" style="color:rgb(240, 84, 240);"></span><p class="pj">＋</p></a>
            </li>
            <li>
                <a href="#"><span class="iconfont icon-zancopy"></span><p>&nbsp&nbsp59</p></a>
            </li>
            <li>
                <a href="#"><span class="iconfont icon-pinglun"></span><p>&nbsp评论</p></a>
            </li>
            <li>
                <a href="#"><span class="iconfont icon-fenxiang"></span><p>&nbsp分享</p></a>
            </li>
        </ul> 
    </div>

    <div id="hide">
        <ul>
            <li>
                <span class="iconfont icon-mao"></span>
                <p class="zx"><a href="index.html">首页</a></p>
            </li>
            <li>
                <span class="iconfont icon-dianying1"></span>
                <p class="zx"><a href="dxm2.html">电影/影院</a></p>
            </li>
            <li>
                <span class="iconfont icon-xiaoshipin" style="color:rgb(238, 132, 113);"></span>
                <p class="zx"><a class="hs" href="dxm3.html ">小视频</a></p>
            </li>
            <li>
                <span class="iconfont icon-yanchu"></span>
                <p class="zx"><a href="dxm4.html">演出</a></p>
            </li>
            <li>
                <span class="iconfont icon-wode"></span>
                <p class="zx"><a href="dxm5.html">我的</a></p>
            </li>
        </ul>
    </div>
</body>
</html>